<!DOCTYPE html>
<html xmlns:th="www.thymeleaf.org">
<head th:replace="index::head"></head>
<link href="css/product.css" rel="stylesheet" type="text/css"/>
<body>
<div th:replace="index::.header"></div>
<div class="container productList">


	<div class="span6">
		<div class="hotProductCategory">

			<dl th:each="i:${#numbers.sequence(0,Category.size()-1)}">
				<dt>
					<a th:href="'clist.html?cid='+${Category.get(i).cid}" th:text="${Category.get(i).cname}"></a>
				</dt>

				<dd th:each="j:${#numbers.sequence(0,Categorysecond.get(Category.get(i).cid).size()-1)}">
					<a th:href="'clist.html?csid='+${Categorysecond.get(Category.get(i).cid).get(j).csid}" th:text="${Categorysecond.get(Category.get(i).cid).get(j).csname}"></a>
				</dd>

			</dl>

		</div>
	</div>

	<div class="span18 last">

		<form id="productForm" action="image/蔬菜 - Powered By Mango Team.htm" method="get">
			<input type="hidden" id="brandId" name="brandId" value=""/>
			<input type="hidden" id="promotionId" name="promotionId" value=""/>
			<input type="hidden" id="orderType" name="orderType" value=""/>
			<input type="hidden" id="pageNumber" name="pageNumber" value="1"/>
			<input type="hidden" id="pageSize" name="pageSize" value="20"/>

			<div id="result" class="result table clearfix">
				<ul th:if="${clist}!=null">
					<li th:each="i:${#numbers.sequence(0,clist.size()-1)}">
						<a th:href="'detils.do?id='+${clist.get(i).pid}">
							<img th:src="${clist.get(i).image}" width="170" height="170"  style="display: inline-block;"/>

							<span style='color:green' th:text="${clist.get(i).pname}">
											 韩版连帽加厚毛衣女外套
											</span>

							<span class="price" th:text="'商城价： ￥'+${clist.get(i).shopPrice}+'/份'">
												商城价： ￥228.0/份
											</span>

						</a>
					</li>

				</ul>
			</div>

			<div class="pagination" th:if="${clist}!=null">
				<span th:text="'第'+${clistMap.get('curPage')}+'/'+${clistMap.get('totalPage')}">第1/6</span>
				<a th:if="${clistMap.get('prePage')}!=null"
				   th:href="'clist.html?'+${clistMap.get('category')}+'='+${clistMap.get('id')}+'&pageIndex='+${clistMap.get('prePage')}"
				   th:text="${clistMap.get('prePage')}"></a>
				<span class="currentPage" th:text="${clistMap.get('curPage')}">1</span>

				<a th:if="${clistMap.get('nextPage')}!=null"
				   th:href="'clist.html?'+${clistMap.get('category')}+'='+${clistMap.get('id')}+'&pageIndex='+${clistMap.get('nextPage')}"
				   th:text="${clistMap.get('nextPage')}">2</a>

				<a class="nextPage" th:if="${clistMap.get('nextPage')}!=null" th:href="'clist.html?'+${clistMap.get('category')}+'='+${clistMap.get('id')}+'&pageIndex='+${clistMap.get('nextPage')}">&nbsp;</a>
				<a class="lastPage" th:href="'clist.html?'+${clistMap.get('category')}+'='+${clistMap.get('id')}+'&pageIndex='+${clistMap.get('totalPage')}">&nbsp;</a>

			</div>
		</form>
	</div>
</div>
<div class="container footer">
	<div class="span24">
		<div class="footerAd">
			<img src="image/footer.jpg" width="950" height="52" alt="我们的优势" title="我们的优势"/>
		</div>	</div>
	<div class="span24">
		<ul class="bottomNav">
			<li>
				<a >关于我们</a>
				|
			</li>
			<li>
				<a>联系我们</a>
				|
			</li>
			<li>
				<a >诚聘英才</a>
				|
			</li>
			<li>
				<a >法律声明</a>
				|
			</li>
			<li>
				<a>友情链接</a>
				|
			</li>
			<li>
				<a target="_blank">支付方式</a>
				|
			</li>
			<li>
				<a  target="_blank">配送方式</a>
				|
			</li>
			<li>
				<a >SHOP++官网</a>
				|
			</li>
			<li>
				<a >SHOP++论坛</a>

			</li>
		</ul>
	</div>
	<div class="span24">
		<div class="copyright">Copyright © 2005-2013 Mango商城 版权所有</div>
	</div>
</div>
</body></html>